<template>
  <div class="newsletter__wrapper">
    <div class="newsletter__content">
      <div
        class="newsletter__content-inner newsletter__content-inner--style4 text-center"
        :style="`background-image: url(${$config.public.baseUrl}images/footer/5.png)`"
      >
        <h2 class="style2-h2">Enter Your Email To Get The Latest News</h2>

        <form class="form form-subscribe" action="#">
          <div class="input-group">
            <input
              type="email"
              class="form-control"
              placeholder="Enter your email..."
            />
            <span class="input-group-btn">
              <button class="btn btn-success btn-lg" type="submit">
                Subscribe
              </button>
            </span>
          </div>
        </form>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  mounted() {
    document.getElementById("custom-footer")?.classList.add("footer__top--style1");
  },
};
</script>